@charset"utf-8";
/* @Reset */
/* @Global */
*{
    margin: 0; padding: 0; outline: none; font-weight: normal;
    font-style: normal;-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a { color: #333; text-decoration: none; cursor:pointer; }
a:hover { color:#5ec2c6; text-decoration: none; }
html { margin: 0; padding: 0; width:100%; /*height: 100%;*/ /*overflow-x:hidden;*/}
body { margin: 0; padding: 0; width: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, a, p, blockquote, th, td { margin: 0; padding: 0; vertical-align: baseline; }
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal; }
ol, ul ,li{ list-style: none; vertical-align:top; display:block;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
img {    max-width: 100%;    vertical-align: middle;    border: 0;    -ms-interpolation-mode: bicubic;    -webkit-touch-callout: none}
table{ border-collapse:collapse; border-spacing:0;}
ul{text-decoration:none; list-style:none;}
a{text-decoration:none;}
a:link,a:visited{color:#000;text-decoration:none;outline:none;}
a:active,a:hover{color:#000; text-decoration:none;}
*:focus { outline: none; }

body {
    font-size: 1.2rem; 
	font-family: "微软雅黑", "黑体", sans-serif;
    background-color: #ddd;
    min-width: 320px;
    margin: 0 auto;
    position: relative; overflow-x:hidden;
}


/* 共用 */
/*               宽度 */
.wth_1200{ width:1200px; margin-left:auto; margin-right:auto;}
.wth_1000{ width:1000px; margin-left:auto; margin-right:auto;}
.wth_100{ width:100%; float:left;overflow:hidden; }
/*               li|span|p|…… */
.li_dis{display:block;float:left;list-style:none;text-align:center;}
/*               box */
.box{width:100%;float:left;overflow:hidden;}

/* @HTML5 */
article, aside, canvas, details, figcaption, figure, footer, header, /*hgroup,*/ menu, nav, div, summary, mark { display:block; }
input, button, select, textarea {
    outline: 0;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none
}
input:focus, textarea:focus {
    outline: 0;
    border: 1px solid #0083e6;
}
/*  移动端 */

html {
    font-size:10px !important;
}

@media only screen and (min-width: 360px) {
    html {
        font-size: 11px !important
    }
}
@media only screen and (min-width: 481px) {
    html {
        font-size: 94% !important
    }
}

@media only screen and (min-width: 561px) {
    html {
        font-size: 109% !important
    }
}

@media only screen and (min-width: 640px) {
    html {
        font-size: 125% !important
    }
}


/* @Plugins common */
.f_right {float:right; }
.f_left {float:left; }
.clear_b{clear:both;}
